<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<style type="text/css">
.code {
	background-image: url(code.jpg);
	font-family: Arial;
	font-style: italic;
	color: Red;
	border: 0;
	padding: 2px 3px;
	letter-spacing: 3px;
	font-weight: bolder;
}

.unchanged {
	border: 0;
}
</style>
<script language="javascript" type="text/javascript">
     var code;
     function createCode()
      {
        code = "";
       var codeLength = 6;
       var checkCode = document.getElementById("checkCode");
       var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的
        
       for(var i=0;i<codeLength;i++)
        {
      
        
       var charIndex = Math.floor(Math.random()*36);
        code +=selectChar[charIndex];
       
       
        }
//        alert(code);
       if(checkCode)
        {
          checkCode.className="code";
          checkCode.value = code;
        }
       
      }
     
      function validate ()
      {
       var inputCode = document.getElementById("input1").value;
       if(inputCode.length <=0)
        {
            alert("Please input the Confirm Code");
        }
       else if(inputCode != code )
        {
           alert("Wrong Confirm Code");
           createCode();
        }
       else
        {
          alert("^-^ OK");
        }
       
        }
       
    </script>
</head>
<body>
<h2>Reset your password</h2>
	<p>Please input your Email when registering</p>
	<p>
		<label><input type="text" id="reEmail" name="reEmail" /></label>
	</p>
	<p>Please input the letters you see below</p>
	<p>
		<input type="text" onclick="createCode()" id="input1" /> <input
			type="text" id="checkCode" class="unchanged" style="width: 80px" /> <input
			id="Button1" onclick="validate();" type="button" value="Validate" />
	</p>
	<p>
		<input type="submit" value="Submit" /><input type="reset"
			value="Reset" />
	</p>
</body>
</html>